@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/* Font,  Link & Container */
body { font:12px/1.6 arial,helvetica,sans-serif; }
a:link { color:#369;text-decoration:none; }
a:visited { color:#669;text-decoration:none; }
a:hover { color:#fff;text-decoration:none;background:#039; }
a:active { color:#fff;text-decoration:none;background:#f93; }
textarea { resize:none; }
button { cursor:pointer;line-height:1.2; }
a img { vertical-align:text-bottom; }
.mod { width:100%; }
.hd:after, .bd:after, .ft:after, .mod:after {content:'\0020';display:block;clear:both;height:0; }
.bn-close { margin-left:2em; }
a.bn-close:link, a.bn-close:visited, a.bn-close:hover, a.bn-close:active { color:#aaa;font-size:9px;padding:0 2px; }
a.bn-close:hover, a.bn-close:active { background:#f10;color:#fff;border:2px solid #f00; }
.hide { position:absolute;visibility:hidden;left:-1000em;top:-1000em; }
.clear { display:block;clear:both; }
.cr { float:none;display:block;width:100%;clear:both;margin:0;padding:0;font-size:0;line-height:0;height:0;overflow:hidden;*margin-bottom:-2px; }
#content h1 { font-size:26px;font-weight:800;margin-bottom:.4em;color:#555; }
	
/* Layout */
#header { margin-bottom:.8em;padding-top:.8em; }
#content { margin-bottom:.8em; }
.wrapper { width:950px;margin:0 auto; }
#header, #content, #footer { width:100%; }
.mod .hd:after, .mod .bd:after, .mod .ft:after, #header:after, #content:after, #footer:after { content:'\0020';display:block;clear:both;height:0; }
.article { float:left;width:590px; }
.aside { float:right;width:310px; }
.nav { float:left;width:150px;margin-right:10px; }

/* Modules */
.mod { margin-bottom:1.4em; }
.mod h2 { font-size:14px;padding-bottom:1em;color:#060; }

/* Header */

/* old header rules */
body { margin-top:0; }
#header { width:100%;margin:0 0 40px 0;background:none; }
#searbar { margin:0; }
#header { width:100%; }
#header:after, .site-nav:after, .top-nav-items:after, .top-nav:after,.site-nav .bd:after { content:'\0020';display:block;clear:both;height:0; }
.top-nav { clear:both;width:100%;color:#d4d4d4;margin-bottom:20px;height:30px;border-bottom:1px dashed #d4d4d4; }
.top-nav .bd { width:950px;margin:0 auto; }
.top-nav-items { float:left;*position:relative;font-size:12px;margin-top:3px; }
.top-nav-items li { float:left;display:inline;margin:2px 20px 0 0; }
.nav-srh { float:left;height:38px;padding-left:5px;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 0 0; }
.nav-srh form { padding:0 1px 0 0;height:38px;*float:left;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 100% 0; } 
.nav-srh input { float:left;width:300px;height:26px;line-height:26px;border:1px solid #a6d098;background:#fff;padding:0 2px; } 
.nav-srh .inp { padding-top:5px;width:366px; } 
.nav-srh .bn-srh { width:54px;height:29px;padding:0 0 3px 6px;border:none;background:transparent url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 0 -100px;cursor:pointer;letter-spacing:6px;text-align:center; }
.nav-srh .bn-srh { padding:2px 0 0 3px\9; } 
.pro-nav .nav-srh { float:left; }
.site-nav { width:100%;height:36px;clear:both; }
.site-nav .bd { float:right;height:36px;width:84%; }
.site-nav-logo { float:left;position:relative;*margin-top:2px; }
#db-nav-main .site-nav-logo em { display:none; }
#db-nav-main .bd { width:82%;background-color:#e7f3e7; } 
.site-nav-logo em { position:absolute;right:-15px;bottom:3px;width:12px;height:14px;line-height:10em;overflow:hidden;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat -280px -100px;visibility:hidden; } 
.site-nav-logo .on em { visibility:visible; } 
.site-nav-logo img { margin-bottom:-3px; }
.site-nav-logo a:hover,
.site-nav-logo a:active,
.site-nav-logo a { background:transparent; }
.top-nav-info { float:right;margin-top:5px;*margin-top:6px; }
.top-nav a:link,
.top-nav a:visited,
.top-nav a:hover,
.top-nav a:active { color:#566d5e; }
.top-nav a:hover { background-color:#566d5e;color:#fff; }
.top-nav li.on { color:#000; }
.top-nav li.on, .top-nav li.on a:link, .top-nav li.on a:visited, .top-nav li.on a:hover, .top-nav li.on a:active { color:#219a44;font-weight:800; }
.top-nav li.on a:hover { color:#fff;background:#219a44; }
.top-nav em, .site-nav em { font-style:normal; }
.top-nav-info a { margin-left:10px; }
.site-nav-items { float:left;padding-left:28px;line-height:36px;color:#d4d4d4; }
.site-nav-items li { float:left;margin-right:14px;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 0 -140px; }
.site-nav-items li a:link,
.site-nav-items li a:hover,
.site-nav-items li a:visited,
.site-nav-items li a:active { font-size:14px;color:#0c7823;margin-left:14px;vertical-align:middle; }
.site-nav-items li a:hover { background-color:#0c7823;color:#fff; }
.site-nav h1 { font-size:21px;padding:8px 0; }
.nav-tip { margin-bottom:-2em;text-align:right;line-height:2;*position:relative; }
.nav-tip a { margin-left:10px;}
.srh-group { border-top:1px solid #ddd;margin-top:5px;padding-top:5px; }
.srh-group a:hover { background:#777 !important; }
.single-nav { padding-top:15px; }
.blur { color:#ddd; }

.submenu { float:left;position:relative;width:45px;height:21px;border:1px solid #b6c9c1;border-left:none;margin:0 2px 0 -5px;background:#fff;padding:2px 0 1px 0; }
.submenu .menu { position:absolute;width:85px;top:24px;right:-1px;background:#fff;border:1px solid #b6c9c1; } 
.submenu .selected { padding:0 0 0 5px;border-left:1px solid #b6c9c1;cursor:pointer; }
.submenu .selected span { position:absolute;width:7px;height:5px;right:4px; top:10px;overflow:hidden;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat -240px -124px; } 
.submenu .menu li { width:100%; } 
.submenu .menu a { display:block;padding:2px 10px; } 
.nav-srh .open span { background-position:-240px -100px; }
.submenu .line { height:1px;font-size:0;line-height:0;margin-bottom:1px;overflow:hidden;border-bottom:1px solid #c3c3c3; }

a.bn-radio:link,a.bn-radio:visited,a.bn-radio:hover,a.bn-radio:active {position:relative;margin:0 4px;padding:0 0 0 24px;zoom:1;height:14px;overflow:hidden;vertical-align:text-bottom;background:url(http://t.douban.com/pics/nav/ic_radio2.gif) no-repeat 0 0;*vertical-align:baseline;line-height:15px;*margin:0;*top:-1px; }
a.bn-radio:hover { color:#fff;background-color:#6a7e71; }

#db-nav-movie .site-nav-items li { margin-right:9px; }  
#db-nav-movie .nav-srh { background-position:0 -50px; } 
#db-nav-movie .nav-srh form { background-position:100% -50px; } 
#db-nav-movie .nav-srh input { border-color:#8cd4de; }
#db-nav-movie .nav-srh .bn-srh { background-position:-130px -100px; } 
#db-nav-movie .site-nav-items li a:link,
#db-nav-movie .site-nav-items li a:hover,
#db-nav-movie .site-nav-items li a:visited,
#db-nav-movie .site-nav-items li a:active { font-size:14px;color:#0090b3;margin-left:12px;vertical-align:middle; }
#db-nav-movie .site-nav-items li a:hover { background-color:#0090b3;color:#fff; }

#db-nav-book .site-nav-items li { margin-right:9px; } 
#db-nav-book .site-nav-items li a:link,
#db-nav-book .site-nav-items li a:hover,
#db-nav-book .site-nav-items li a:visited,
#db-nav-book .site-nav-items li a:active { margin-left:12px; }
#db-nav-book li .lnk-buy { display:-moz-inline-box;display:inline-block;zoom:1;width:66px;height:21px;line-height:22px;*line-height:23px;overflow:hidden;background:transparent url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat -280px -120px;font-size:12px;color:#368332;*margin-top:8px; }

#db-nav-movie .site-nav-items, #db-nav-book .site-nav-items { padding-left:20px; }

#db-nav-book li .lnk-buy em { margin-left:24px; }
#db-nav-main .site-nav-items li { margin-right:30px;background:none;color:#e9f4e9; } 
#db-nav-main .site-nav-items li a { margin:0; } 
#db-nav-main .bd { background-color:#e9f4e9; }
#db-nav-main .nav-srh input { width:264px;height:24px; }
#db-nav-main .nav-srh .inp { width:300px; }
#db-nav-music .site-nav-items li { margin-right:30px;background:none;color:#eff2ef; } 
#db-nav-music .bd { background-color:#e9ede9; }
#db-nav-main .nav-srh, #db-nav-main .nav-srh form,
#db-nav-music .nav-srh, #db-nav-music .nav-srh form { background:none; } 
#db-nav-main .nav-srh,
#db-nav-music .nav-srh { float:right;height:36px; }
#db-nav-main .nav-srh form,
#db-nav-music .nav-srh form { height:36px; }
#db-nav-music .nav-srh input { width:235px;height:24px; } 
#db-nav-main .nav-srh .bn-srh,
#db-nav-music .nav-srh .bn-srh { width:50px;height:26px;*padding-top:1px; } 
#db-nav-music .nav-srh .inp { width:300px; } 
#db-nav-music .site-nav-items li a:link,
#db-nav-music .site-nav-items li a:hover,
#db-nav-music .site-nav-items li a:visited,
#db-nav-music .site-nav-items li a:active { font-size:14px;color:#3b5343;margin-left:0;vertical-align:middle; }
#db-nav-music .site-nav-items li a:hover { background-color:#607869;color:#fff; }
#db-nav-music .nav-srh input { border-color:#b6c9c1; }
#db-nav-music .nav-srh .bn-srh { background-position:-60px -100px; } 
#db-nav-main .nav-srh .bn-srh { width:27px;margin-left:-4px;overflow:hidden;text-indent:-100px;background-position:-190px -100px; }

#db-nav-main .site-nav-logo,#db-nav-music .site-nav-logo,#db-nav-movie .site-nav-logo,#db-nav-book .site-nav-logo { padding-top:3px; }

#db-nav-music .site-nav-logo em { background-position:-340px -100px; } 
#db-nav-movie .site-nav-logo em { background-position:-320px -100px; } 
#db-nav-book .site-nav-logo em { background-position:-300px -100px; } 
/* end old */


/* Footer */
.db-services { width:100%;margin-bottom:1em;overflow:hidden;line-height:2;border-top:1px dashed #ddd;color:#999;padding-top:.5ex; }
.db-services .services { float:left;margin-right:4em;*margin-right:2.6em; }
.db-services .basic { width:100%;overflow:hidden;margin:0; } 
.db-services .basic li { float:left;margin-right:4.2em; *margin-right:3.6em; } 
.db-services .last,
.db-services .basic .last { margin:0; }
.db-services a.first:link, .db-services a.first:visited { color:#369; }
.db-services a.first:hover, .db-services a.first:active { color:#fff;background:#039; }
.db-services a:link, .db-services a:visited { color:#999; }
.db-services a:hover, .db-services a:active { color:#fff;background:#999; }
.db-inc { clear:both;color:#999;padding-bottom:1em; }
.db-inc .about { float:right; }


/* Modules - List */
.list-s { clear:both; }
.list-s li { float:left;text-align:center; }

/* Message List */
.list-m .title a { font-size:14px; }
.list-m p, .list-m .title span { color:#666; } 
.list-m li { border-bottom:1px dashed #ccc;padding:2px 0; }
.list-m .date { margin-left:1em; }
.list-m .last { border:0; }

/* Message List on timeline */
.list-t dt { border-bottom:1px solid #ccc; }
.list-t dd { margin-bottom:1em; }
.list-t .list-m li { padding-left:12px;background:url() no-repeat 0 6px; *background-image:url(mhtml:http://t.douban.com/css/ui/inline_img.css!list-dot); }
blockquote { padding:0 1em;margin:1em;color:#000;background:url() no-repeat 0 0;*background-image:url(mhtml:http://t.douban.com/css/ui/inline_img.css!quote-left); }
blockquote q { *zoom:1;padding-right:1em;margin-right:1ex;background:url() no-repeat right bottom;*background-image:url(mhtml:http://t.douban.com/css/ui/inline_img.css!quote-right); }

/* BBS List or Table */
.list-b { width:100%;color:#666; }
.list-b th { padding:2px;border-bottom:1px dashed #ccc;color:#000; }
.list-b td { padding:2px;border-bottom:1px dashed #ccc;vertical-align:middle; }
.list-b .author, .list-b .count, .list-b .date { width:6em;text-align:right;white-space:nowrap; }
.list-b .count { width:3em; }
.list-b .author { text-align:left; }
.list-b .tit-reply, .list-b .tit-last { text-align:right; }


/* Item */
.item { *display:inline-block;overflow:hidden; }
.item .pic { display:table-cell;*float:left;padding-right:12px;text-align:center;vertical-align:top; }
.item .pic span {display:block;}
.item .info { display:table-cell;*float:left;text-align:left;vertical-align:top;*vertical-align:baseline; }
.item .info span{color:#666;}
.item .info ul {margin-left:1em;}
.info li {float:none;text-align:left;} 
.info li span {display:inline;} 

/* Comment item & Update item rules  */
.update-item, 
.comment-item {*zoom:1;overflow:hidden;margin-bottom:1.6em;}
.update-item .pic, 
.comment-item .pic {position:relative;z-index:1;float:left;margin-right:-100em;}
.update-item .content, 
.comment-item .content {float:right:100%;padding-left:6em;}
.comment-item h3 {margin-bottom:1ex;}
.comment-item p, .comment-item .author {margin-bottom:1em;}
.comment-item .title {font-size:14px;} 
.update-item .content { padding-left:5em; } 
.update-item .author { margin-bottom:.5em; }
.update-item blockquote, .update-item p { margin:.5em 0; }
.update-item li { border-bottom:1px solid #eee;min-height:55px;_height:55px; }
.update-item p { color:#999; }

/* Photo Album rules */
.album-photo { text-align:left;overflow:hidden; }
.album-photo .cover { padding:3px 10px 10px 3px; background:transparent url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -300px; } 
.album-photo .title { font-size:14px; } 
.album-photo-s { width:100px;overflow:hidden; }
.album-photo-s .cover { padding:5px 8px 8px 5px;margin-bottom:1ex;background:transparent url(http://t.douban.com/pics/ui/core1.png) no-repeat -250px -170px; } 
.album-photo-s .title { font-size:12px; } 


/* Table */
.toprate { width:100%; }
.toprate .num { width:2em;font-size:9px; }
.toprate .stat { width:2em;font-size:9px;color:#666; }
.up, .stay, .down { padding-left:12px;line-height:1.2;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat -250px -120px; }
.down { background-position: -250px -132px; }
.stay { background-position: -250px -145px; }


/* Form */
form label { float:left;width:4em; }
legend { font-size:14px;padding-bottom:1em;color:#060; }
.item-r label { float:none; }
form .item { margin-bottom:0.5ex; }
form .item input { margin-right:1em; } 
.item-r { margin: 1ex 0 1em 4em; }
.item .item-r input, .item .item-r { margin:0; }
.item .item-r label { font-size:1em;margin-right: 1em; }
form .item-submit { padding: 1ex 0 2em 4em; }

.frm-comment label { font-size:14px; }
.frm-comment textarea { width:440px;height:330px; }
.frm-comment .item-submit { padding-left:5em; }


/* Pagination */
.paginator { font-size:14px; }
.paginator a { margin:0 0.5ex; }
.paginator .prev { margin-right:1em; }
.paginator .next { margin-left:1em; }
.paginator .on { background:#83BF73;color:#fff;padding:1px; }


/* Info Box */
.infobox .ex2, .infobox .ex1 { height:5px;line-height:0;font-size:0;margin-left:5px;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 100% -100px; }
.infobox .ex2 span, .infobox .ex1 span { position:relative;display:block;margin-left:-5px;width:5px;height:5px;overflow:hidden;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -100px; }
.infobox .ex2 { background-position: 100% -105px; }
.infobox .ex2 span { background-position: 0 -105px; }
.infobox .bd { padding:0 1em;background:#fef8f2;border:1px solid #f9f2ea;border-width:0 1px; }

/* Button */
.bn-add span, .bn-add, .bn-hot span, .bn-hot, .bn-std span, .bn-std { display:inline-block;display:-moz-inline-stack;*zoom:1;height:22px;line-height:0;font-size:0;padding-left:3px;vertical-align:middle;overflow:hidden; }
.bn-hot span, .bn-hot { height:24px; }
.bn-add, .bn-add span, .bn-hot, .bn-hot span, .bn-std span, .bn-std, x:default { display:inline-block;}
.bn-add span, .bn-hot span, .bn-std span { padding:0 8px 0 5px; background: url(http://t.douban.com/pics/ui/core1.png) no-repeat 100% 0;line-height:23px;font-size:12px;cursor:pointer; }
.bn-hot span { background-position: 100% -23px;line-height:24px; }
.bn-add span { background-position: 100% -71px;padding-right:15px; }
a.bn-std:link, a.bn-std:visited, a.bn-std:hover, a.bn-std:active { background: url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 0;color:#000; } 
a.bn-hot:link, a.bn-hot:visited, a.bn-hot:hover, a.bn-hot:active { background: url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -23px;color:#eb928c; } 
a.bn-add:link, a.bn-add:visited, a.bn-add:hover, a.bn-add:active { background: url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -71px;color:#9e9e9e;padding-left:25px; } 
a.bn-hot:hover, a.bn-hot:active { background-position: 0 -47px; }
a.bn-hot:hover span, a.bn-hot:active span { background-position: 100% -47px;color:#f4473b; }


/* Rating */
.rating1-t, .rating15-t, .rating2-t, .rating25-t, .rating3-t, .rating35-t, .rating4-t, .rating45-t, .rating5-t, .rating-t { display:inline;padding-left:55px;font-size:9px;line-height:1;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 0;font-family:simsun; }
.rating1-t em, .rating15-t em, .rating2-t em, .rating25-t em, .rating3-t em, .rating35-t em, .rating4-t em, .rating45-t em, .rating5-t em, .rating-t em { color:#ff5c38;font-family:tahoma; }
.rating1-t {background-position:0 -216px;}
.rating15-t {background-position:0 -204px;}
.rating2-t {background-position:0 -193px;}
.rating25-t {background-position:0 -180px;}
.rating3-t {background-position:0 -168px;}
.rating35-t {background-position:0 -156px;}
.rating4-t {background-position:0 -144px;}
.rating45-t {background-position:0 -132px;}
.rating5-t {background-position:0 -120px;}

.rating1-b, .rating15-b, .rating2-b, .rating25-b, .rating3-b, .rating35-b, .rating4-b, .rating45-b, .rating5-b, .rating-b { display:inline-block;display:-moz-inline-stack;*zoom:1;height:14px;vertical-align:text-top;overflow:hidden;padding-left:80px;margin:-3px 1ex 0 0;font-size:14px;line-height:14px;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat;*margin-top:0;}
.rating1-b, .rating15-b, .rating2-b, .rating25-b, .rating3-b, .rating35-b, .rating4-b, .rating45-b, .rating5-b, .rating-b, x:default { display:inline-block; }
.rating1-b em, .rating15-b em, .rating2-b em, .rating25-b em, .rating3-b em, .rating35-b em, .rating4-b em, .rating45-b em, .rating5-b em, .rating-b em{ color:#ff5c38;font-family:tahoma; }
.rating1-b {background-position:-120px -240px;}
.rating15-b {background-position:-120px -225px;}
.rating2-b {background-position:-120px -210px;}
.rating25-b {background-position:-120px -195px;}
.rating3-b {background-position:-120px -180px;}
.rating35-b {background-position:-120px -165px;}
.rating4-b {background-position:-120px -150px;}
.rating45-b {background-position:-120px -135px;}
.rating5-b {background-position:-120px -120px;}

.rating-l b { display:inline-block;display:-moz-inline-stack;*zoom:1;height:14px;overflow:hidden;background:#f5cbad;margin:-2px 2px 0 0;vertical-align:middle;*vertical-align:text-bottom; }
.rating-l em { font-size:9px;font-family:tahoma;line-height:1; }

/* Search */
.srh-member, .srh-group { text-align:center; } 
.srh-member legend, .srh-group legend { text-align:left; }
.srh-member .item input { width:242px;font-size:14px; } 

.srh-all .item input { width:20em;font-size:14px;padding:2px;margin:0 1ex 0 0; }
.srh-all .item button { font-size:14px; } 
.srh-all .item-r, .srh-music .item-r { margin:0;padding:0 1em; }
.srh-all .item-r input, .srh-music .item-r input  { margin:0 2px 0 0;vertical-align:middle; }
.srh-all .item-r label, .srh-music .item-r label { margin-right:1ex;line-height:1.2; }

.srh-group p { color:#666; }
.srh-group .item input, .srh-event .item input { width:350px;margin:0 .5ex 0 0; }
.srh-group .item-s { margin-bottom:1em; }

.srh-movie .item input, .srh-book .item input { width:30em;margin:0 .5ex 0 0;padding:2px; }

.srh-music-artist .item input, .srh-music .item input { width:20em;margin:0 .5ex 0 0;padding:2px; }
.srh-music-artist .item input { width: 16.7em; }

/* Tag */
.tags{line-height:1.2;}
.tags li { display:inline;margin:-1ex 1ex;}
.size1 a { font-size:1em; }
.size2 a { font-size:1.17em;font-weight:800; }
.size3 a { font-size:1.5em; }
.size4 a { font-size:1.75em;font-weight:800; }
